<header class="header">
    <div class="header-content">
        <a class="logo" href="index.html">
            <img class="hover-hide" src="{$systemInfo.shop_logo}" alt="{$systemInfo.name}">
            <img class="hover-show" src="{$systemInfo.shop_logo}" alt="{$systemInfo.name}">
        </a>

        <div class="nav-content">
            <ul class="pc-nav-content">

                {volist name="menuList" id="vo"}

                <li class="nav-item  {if $vo.active}active{/if}">
                    <a class="grade1" href="{if $vo.opennew == 1}/{$vo.writeurl}{else/}/{$vo.children[0]['writeurl']}{/if}">{$vo.name}</a>


                    {if $vo.en_name == 'product' /}
                    {// 产品模块}
                    <div class="grade2-content full">
                        <div class="grade2-layout">
                            {volist name="proCat" id="sub"}
                            <a class="link-box" href="/{$sub.rewrite_url}">
                                <div class="link-img"></div>
                                <div class="link-tit">
                                    {$sub.name}
                                </div>
                            </a>
                            {/volist}
                        </div>
                    </div>
                    {elseif $vo.en_name == 'solution' /}
                    {// 解决方案}
                    <div class="grade2-content full">
                        <div class="grade2-layout">
                            {volist name="cases" id="sub"}
                            <a class="link-box" href="/{$sub.rewrite_url}">
                                <div class="link-img"></div>
                                <div class="link-tit">
                                    {$sub.name}
                                </div>
                            </a>
                            {/volist}
                        </div>
                    </div>
                    {else}
                    {// 非产品模块}
                    {if count($vo.children)>0 }
                    <div class="grade2-content full">
                        <div class="grade2-layout">
                            {volist name="vo.children" id="sub"}
                            <a class="link-box" href="{$sub.writeurl}">
                                <div class="link-img"></div>
                                <div class="link-tit">
                                    {$sub.name}
                                </div>
                            </a>
                            {/volist}
                        </div>
                    </div>
                    {/if}
                    {/if}
                </li>

                {/volist}


            </ul>
            <div class="pc-btn-box">
                <div class="lang" style="visibility: hidden">
                    <div class="layout-box">
                        <img src="static/images/global.png" alt="">
                        中文
                        <img src="static/images/icon-down.png" alt="">
                    </div>
                    <div class="underbox">
                         {volist name="i18nSites" id="vo"}
                            <a href="{$vo.link}" target="_blank">{$vo.name}</a>
                        {/volist}
                    </div>
                </div>
                <div class="phone-number">
                    <div class="phone-icon"><img src="static/images/icon-phone.png" alt="东莞市智赢智能装备有限公司">
                    </div>
                    {$systemInfo.shopping_tel}
                </div>
                <div class="nav-search">
                    <div class="search-icon">
                        <img src="static/images/icon-search.png" alt="东莞市智赢智能装备有限公司">
                    </div>
                    <div class="search-content">
                        <div class="title">
                            搜索智赢
                        </div>
                        <div class="search-box">
                            <input class="input search-input" type="text" placeholder="请输入您感兴趣的内容">
                            <a href="/search" class="search-btn">
                                搜索
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-nav-icon">
                <div class="toggle-btn">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="mobile-board">
                    <ul class="mobile-nav-box">
                        {volist name="menuList" id="vo"}

                        <li class=" {if $vo.active}cur{/if}">
                            <div class="mobile-tit">
                                <a href="{if $vo.opennew == 1}/{$vo.writeurl}{else/}/{$vo.children[0]['writeurl']}{/if}" class="tit"><span>{$vo.name}</span></a>
                                {if $vo.en_name == 'product' /}
                                <i class="mobile_down"></i>
                                {elseif $vo.en_name == 'solution' /}
                                <i class="mobile_down"></i>
                                {else}
                                {if count($vo.children)>0 }
                                <i class="mobile_down"></i>
                                {/if}
                                {/if}
                            </div>
                            {if $vo.en_name == 'product' /}
                            {// 产品模块}
                            <div class="mobile-subnav">
                                {volist name="proCat" id="sub"}
                                <a href="/{$sub.rewrite_url}">{$sub.name}</a>
                                {/volist}
                            </div>
                            {elseif $vo.en_name == 'solution' /}
                            {// 解决方案}
                            <div class="mobile-subnav">
                                {volist name="cases" id="sub"}
                                <a href="/{$sub.rewrite_url}">{$sub.name}</a>
                                {/volist}
                            </div>
                            {else}
                            {// 非产品模块}
                            {if count($vo.children)>0 }
                            <div class="mobile-subnav">
                                {volist name="vo.children" id="sub"}
                                <a href="/{$sub.writeurl}">{$sub.name}</a>
                                {/volist}
                            </div>
                            {/if}
                            {/if}

                        </li>
                            {/volist}


                    </ul>
                </div>
            </div>

        </div>
    </div>
</header>
